<?php
    session_start();
	$token = $_GET['token'];
?>

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta name="author" content="TanDo">
	<link rel="icon" type="image/GIF" href="res/favicon.ico"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="full-screen" content="yes"/>
    <meta name="screen-orientation" content="landscape"/>
    <meta name="x5-fullscreen" content="true"/>
    <meta name="360-fullscreen" content="true"/>
	<title>Casino 777 LA - ??!??????</title>
	<link rel="shortcut icon" type="image/png" href="images/start_logo.png" />
	
	<!--css-->
	<link rel="stylesheet" href="css/main.css">
	
	<!-- Initialize user interface -->
	<script type="text/javascript">
		<?php
				echo "var token = '$token';";
		?>
	</script>
	
	<!--libs-->
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/jquery.nicescroll.js"></script>
	<script type="text/javascript" src="js/SFS2X_API_JS.js"></script>
	
	<!--js-->
	<script type="text/javascript" src="js/i18n.js"></script>
	<script type="text/javascript" src="js/DialogManager.js"></script>
	<script type="text/javascript" src="js/ConnectionManager.js"></script>
	<script type="text/javascript" src="js/RoomManager.js"></script>
	<script type="text/javascript" src="js/UserManager.js"></script>
	<script type="text/javascript" src="js/ChatManager.js"></script>
	<script type="text/javascript" src="js/SoundManager.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
	<!-- cocos2d -->
	<script type="text/javascript" src="cocos2d.js"></script>
</head>
<body>
	<!-- HEADER -->
	<div class="ui-header" style="display:none">
	</div>
	
	<!-- CONTENT -->
	<div class="ui-main">
		<!--connecting screen-->
		<div class="ui-loading-container">
			<div class="ui-loading-title">
				
			</div>
			<div class="ui-loading-error">
			</div>
		</div>
		
		<!--mode screen-->
		<div class="ui-mode-container">
			<div class="ui-mode-button-container">
				<div class="ui-mode-free">
				</div>
				<div class="ui-mode-real">
				</div>
			</div>
		</div>
		
		<!--home screen-->
		<div class="ui-home-container">
		
			<div class="ui-home-top-container">
				<!--user management screen-->
				<div class="ui-user-container">
				</div>
			</div>
			<div class="ui-home-bottom-container">
				<!--room management screen-->
				<div class="ui-room-container">
				</div>
				
				<!--chat management screen-->
				<div class="ui-chat-container">
				</div>
				
				<!--chat button-->
				<div class="ui-chat-button">
				</div>
			</div>
		
		</div>
		
		<!--gameplay screen-->
		<div class="ui-gameplay-container">
			<div id="game" class="ui-gameplay-home-container">
				<canvas id="gameCanvas" width="800" height="640"></canvas>
			</div>
			<div class="ui-gameplay-chat-container">
			</div>
			<div class="ui-gameplay-chat-button">
			</div>
		</div>
		
		<!--dialog-->
		<div class="ui-dialog">
			<div class="ui-overlay-container">
			</div>
			<div class="ui-dialog-container">
			</div>
		</div>
	</div>
	
	<!-- FOOTER -->
	<div class="ui-footer" style="display:none">
	</div>

</body>
</html>